<%@taglib uri="/struts-tags" prefix="s" %>
<html>
<head>
<title>User Edit Page</title>
<link type="text/css" rel="stylesheet" href="style/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery-ui-1.8.16.min.js"></script>
<style type="text/css">
div.ui-datepicker{
 font-size:12px;
}

</style>
<script type="text/javascript">
	$(document).ready(function(){
		$( "#dob" ).datepicker({
			changeMonth: true,
			changeYear: true,
			yearRange: '1800:2012'
		});
	});
</script>
</head>
<body>
<s:form action="CelebrityCrudAction.html?action=save">
<div align="center">
<fieldset style="width: 900px;height:350px">
<legend  style="font: bold;">Celebrity Edit Page</legend>
<table>
	<tr>
	<s:hidden name="celebrityDto.id"></s:hidden>
		<td>First Name</td>
		<td><s:textfield name="celebrityDto.firstName" maxlength="20"></s:textfield></td>
		<td>Middle Name</td>
		<td><s:textfield name="celebrityDto.middleName" maxlength="20"></s:textfield></td>
		<td>Last Name</td>
		<td><s:textfield name="celebrityDto.lastName" maxlength="20"></s:textfield></td>
	</tr>
	<tr>
		<td>Alias</td>
		<td><s:textfield name="celebrityDto.alias"></s:textfield></td>
		<td>Gender</td>
		<td><s:select name="celebrityDto.gender" list="#{'MALE':'MALE','FEMALE':'FEMALE'}">
		</s:select></td>
		<td>Date of birth</td>
		<td><s:textfield name="celebrityDto.dob" id="dob" ></s:textfield></td>
	</tr>
	<tr>
		<td>Select Celebrity Type</td>
		<td>
			<s:select list="celebrityTypes" listKey="id" listValue="name" name="celebrityDto.types" multiple="true" size="5"></s:select>
		</td>
		<td>Is Alive</td>
		<td><s:select name="celebrityDto.isAlive" list="#{'true':'ALIVE','false':'DEAD'}">
		</s:select></td>
	</tr>
	<tr>
	<td colspan="3">
		<a href="javascript:void(0);" class="saveButton" onclick="$(this).parents('form:first').submit();"></a>
	</td>
	</tr>
</table>
</fieldset>
</div>
</s:form>
</body>
</html>